<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset1.css">
</head>
<body>
    <div class="wrap">
        <header>
            <div class="left"><img src="image/1.jpeg" alt=""></div>
            <div class="right">
                <ul>
                    <li>返回首页|网站案例|帮助中心</li>
                    <li>合作共赢、快速高效、优质的网站建设提供商</li>
                    <li>深圳网站建设服务热线: 18038067647</li>
                </ul>
            </div>
        </header>
        <section>
            <nav>
                <ul class="list1">
                    <li class="active"><a href="">网页首页</a></li>
                    <li><a href="javascript:;">关于讯美</a></li>
                    <li><a href="javascript:;">网站建设</a></li>
                    <li><a href="javascript:;">域名注册</a></li>
                    <li><a href="javascript:;">虚拟主机</a></li>
                    <li><a href="javascript:;">经典案例</a></li>
                    <li><a href="javascript:;">付款方式</a></li>
                    <li><a href="javascript:;">联系我们</a></li>
                </ul>
            </nav>
        
            <div class="content-all">
                <div class="pho1"><img src="image/1.jpg" alt=""></div>
                <div class="box">
                    <strong>迅美科技:</strong>
                    迅美是一家专业深圳网站建设公司，
                    七年的设计经验及各行业千余成功案例值得您的信赖我们的理念是用灾惠的价格，高效的建站速度完成质优的网站建设!
                </div>
                <div class="mid1">
                    <ul>
                        <li>网站经典案例</li>
                        <li>网站经典案例</li>
                        <li>经典型企业网站</li>
                        <li>行业网站</li>
                    </ul>
                    <div class="div">
                        <div class="content">
                            <img src="image/6.jpeg" alt="">
                            <a href="">家具网站建设</a>
                        </div>
                        <div class="content">
                            <img src="image/7.jpeg" alt="">
                            <a href="">全融网站建设</a>
                        </div>
                        <div class="content">
                            <img src="image/8.jpeg" alt="">
                            <a href="">平面设计公司</a>
                        </div>
                        <div class="content">
                            <img src="image/9.jpeg" alt="">
                            <a href="">培训公司网站建设</a>
                        </div>
                    </div>
                    
                </div>
                <div class="mid2">
                    <ul class="nav2">
                        <li>
                            建站</br>流程
                        </li>
                        <li>
                            <span>01</span></br>
                            <a href="">客户提出建站申请</a>
                        </li>
                        <li>
                            <span>02</span></br>
                            <a href="">制定建站方案</a>
                        </li>
                        <li>
                            <span>03</span></br>
                            <a href="">支付预付款</a>
                        </li>
                        <li>
                            <span>04</span></br>
                            <a href="">完成初稿由客户确认</a>
                        </li>
                        <li>
                            <span>05</span>
                            <a href="">网站测试，客户确认</a>
                        </li>
                        <li>
                            <span>06</span></br>
                            <a href="">窖户验收，网站开通</a>
                        </li>
                    </ul>
                </div>
                <div class="mid3">
                    <div class="cont">
                        <div class="top">
                            <span></span>
                            <a class="aa" href="">企业新闻</a><a href="">更多>></a>
                        </div>
                        <ul class="nav3">
                            <li><span></span>搜索引的作用</li>
                            <li><span></span>企业发展离不开网站建设和SE0</li>
                            <li><span></span>深圳网站优化的目的</li>
                            <li><span></span>企业制作- -个网站有哪些好处</li>
                            <li><span></span>网站建设常见流程</li>
                            <li><span></span>网站建设中怎么做灰色图片</li>
                            <li><span></span>做好网页设计认识BG颜色模式</li>
                            <li><span></span>什么是整合营销</li>
                            <li><span></span>尊重互联网用诚信赢得客户</li>
                            <li><span></span>如何防止网站情息泄露?</li>
                        </ul>
                    </div>
                    <div class="cont">
                        <div class="top">
                            <span></span>
                            <a class="aa" href="">行业新闻</a><a href="">更多>></a>
                        </div>
                        <ul class="nav3">
                            <li><span></span>搜索引的作用</li>
                            <li><span></span>企业发展离不开网站建设和SE0</li>
                            <li><span></span>深圳网站优化的目的</li>
                            <li><span></span>企业制作- -个网站有哪些好处</li>
                            <li><span></span>网站建设常见流程</li>
                            <li><span></span>网站建设中怎么做灰色图片</li>
                            <li><span></span>做好网页设计认识BG颜色模式</li>
                            <li><span></span>什么是整合营销</li>
                            <li><span></span>尊重互联网用诚信赢得客户</li>
                            <li><span></span>如何防止网站情息泄露?</li>
                        </ul>
                    </div>
                    <div class="cont">
                        <div class="top">
                            <span></span>
                            <a class="aa" href="">帮助中心</a><a href="">更多>></a>
                        </div>
                        <ul class="nav3">
                            <li><span></span>按索引擎对企业的重要性</li>
                            <li><span></span>线上5SE0获高和下获客的批较</li>
                            <li><span></span>三招解决抖音断流问题</li>
                            <li><span></span>微信小程序的页面文件类型</li>
                            <li><span></span>路由器和三层交换机的区别</li>
                            <li><span></span>Fbotoshor常见的保存格</li>
                            <li><span></span>网站建设rbotosbarR的1</li>
                            <li><span></span>转移域名的步骤及注意事项</li>
                            <li><span></span>如何提高网站的满意率与膏户参与</li>
                            <li><span></span>什么样的域名后综客易锁收录</li>
                        </ul>
                    </div>
                    <div class="cont">
                        <div class="top">
                            <span></span>
                            <a class="aa" href="">网站优化</a><a href="">更多>></a>
                        </div>
                        <ul class="nav3">
                            <li><span></span>如何做好网站的50优化</li>
                            <li><span></span>网站托管怎么曲?</li>
                            <li><span></span>网站推广要知时关注友情销接对方</li>
                            <li><span></span>深圳网站优化与网页收录量的关系</li>
                            <li><span></span>计算机通信销路的可年性的性能和</li>
                            <li><span></span>我站进行浏览器则试简介</li>
                            <li><span></span>深圳网站建设之空间介绍</li>
                            <li><span></span>网站出现安全属洞怎么办</li>
                            <li><span></span>Js在F网页设计中的特点</li>
                            <li><span></span>站长工具查询的关键词排名与百度</li>
                        </ul>
                    </div>
                        
                    
                </div>
            </div>
            <div class="content-all"></div>
            <div class="content-all"></div>
            <div class="content-all"></div>
            <div class="content-all"></div>
            <div class="content-all"></div>
            <div class="content-all"></div>
        </section>
        <footer>
            <ul>
                <li>关于迅美 | 新闻资讯 | 行业新闻 | 帮助中心 | 网站优化 | 网站地图</li>
                <li>业务范围:深圳网站建设.深圳网站制作,深圳网站设计地区:福田、罗湖、龙华、龙岗、宝安、西乡、石岩、公明、松岗、沙井粤ICP备12066097号-1</li>
                <li>版权所有@深圳市迅美科技有限公司地址:深圳市龙华民治牛栏前深海大厦3438 COPYRIGHT @ 2009-2028</li>
                <li>声明:本网站的文章部分来源于网络改编和书本知识改写，如有侵权,敬请告知我司第-时间解决,如有其它平台转载文章请附上我站网址!</li>
            </ul>
            <img src="image/15.gif" height="80px" width="60px" alt="">
        </footer>
    </div>
    <script src="js/jquery-1.10.1.js"></script>
    <script>
               /*  $('.dh>li').each(function(index,el){
			$('.dh>li').on('click',function (el) { 
				$('.dh>li').removeClass('center')
				$(this).addClass('center')
			})
		}) */

		/* $('.dh>li').each(function(index,el){
            $(this).click(function(){
                $('.tbody').css('display','none');
                $('.tbody').eq(index).css('display','block');
            })
        }) */
        let $list1=$('.list1>li>a')
        console.log($list1);
        $list1.each(function(index,item){
            $list1.on('click',function(e){
                e.preventDefault();
                $list1.removeClass('active');
                $(this).addClass('active')
            })

        })
        
        $('.list1>li').each(function(index,item){
            $(this).click(function(){
                $('.content-all').css('display','none');
                $('.content-all').eq(index).css('display','block');
            })
        })
    </script>
</body>
</html>